<template>
    <div class="page" :style="{ marginTop: `${top}px`, marginBottom: `${bottom}px` }">
        <slot></slot>
    </div>
</template>

<script>
export default {
    name: "page",
    props: {
        top: {
            type: Number,
            default: 45
        },
        bottom: {
            type: Number,
            default: 50
        }
    },
    data() {
        return {}
    }
}
</script>

<style lang="less" scoped></style>